<template>
  <div class="mid-top">
    <inforfont-vue>{{name}}</inforfont-vue>
    <i v-if="this.sex===0" class="iconfont icon-sex_man"></i>
    <i v-if="this.sex===1" class="iconfont icon-sex_woman"></i>
  </div>
</template>

<script>
import inforfontVue from "@/components/Mypage/MyInformation/InforFont"
import "@/assets/iconfont/iconfont.css"
export default {
    props:{
        name:{
          type:String,
          default:'精神小伙'
        },
        sex:{
            type:Number,
            default:0,
        }

    },
    components:{
        inforfontVue,
    }
}
</script>

<style scoped>
.mid-top{
  display: flex;
}
i{
  margin-left: 8px;
  line-height: 18px;
}
</style>